<template>
    <div class="wrap">
        <div class="common-banner"><img src="../../common/img/banner/indus-estate.jpg"/></div>
        <section>
            <div class="head-title-b">
                <div class="head-title"><i></i><span>什么是产业地产</span><i></i></div>
                <p class="s">产业地产与传统地产区别</p>
            </div>
            <div class="indus-define" v-for="item in define"><span>{{item.title}}</span>{{item.text}}</div>
            <div class="s-part">
                <div class="title"><i></i>产业地产的特点</div>
                <ul class="indus-feature">
                    <li v-for="item in feature">
                        <p :class="item.class">{{item.title}}</p>
                        <p>{{item.subtitle}}</p>
                        <div v-html="item.text"></div>
                    </li>
                </ul>
            </div>
        </section>`
        <section class="indus-policy">
            <div class="head-title"><i></i><span>中国产业地产相关政策</span><i></i></div>
            <div class="policy-tabs">
                <a v-for="(item,index) in tabs" :class="{'active':index==num}" @click="tab(index)">{{item.name}}</a>
            </div>
            <div class="policy-container">
                    <div class="swiper-slide" v-for="(item,index) in ploicy" 
                    v-show="index==num"
                >
                        <p v-for="p in item">{{p}}</p>
                    </div>
            </div>
        </section>
        <section class="indus-develop">
            <div class="head-title"><i></i><span>如何开发产业地产</span><i></i></div>
            <ul class="indus-develop-t">
                <li v-for="item in develop">
                    <div class="icon" :class="item.bg">
                        <img :src="item.img">
                    </div>
                    <p>{{item.title}}</p>
                    <div class="text" v-html="item.text"></div>
                </li>
            </ul>
            <ul class="indus-develop-t indus-develop-t1">
                <li v-for="item in develop1">
                    <div class="icon" :class="item.bg">
                        <img :src="item.img">
                    </div>
                    <p>{{item.title}}</p>
                    <div class="text" v-html="item.text"></div>
                </li>
            </ul>
            <div class="s-part">
                <div class="title"><i></i>产业地产的开发流程和价值链</div>
                <ul class="indus-value">
                    <li>
                        <div class="sub-title bg-0dcbdb">发现价值</div>
                        <ul class="sub-text">
                            <li class="bg-cff5f8">开发模式区域拓展</li>
                            <li class="bg-cff5f8" data-wow-delay="0.2s">城市策划产业研究空间规划</li>
                        </ul>
                    </li>
                    <li>
                        <div class="sub-title bg-f89826">创造价值与实现价值</div>
                        <ul class="sub-text">
                            <li class="bg-feead4">基础设施建设</li>
                            <li class="bg-feead4">公共配套建设</li>
                            <li class="bg-feead4">用地选址</li>
                            <li class="bg-feead4">产品研发</li>
                            <li class="bg-feead4">土地转让</li>
                            <li class="bg-feead4">项目策划</li>
                            <li class="bg-feead4">商住开发与销售</li>
                            <li class="bg-feead4">厂房建设与租售</li>
                            <li class="bg-feead4">项目管理</li>
                            <li class="bg-feead4">产业招商</li>
                            <li class="bg-feead4">品牌推广</li>
                            <li class="bg-feead4">客户服务</li>
                        </ul>
                    </li>
                    <li>
                        <div class="sub-title bg-61c28c">传递价值</div>
                        <ul class="sub-text">
                            <li class="bg-dff3e8">物业经营</li>
                            <li class="bg-dff3e8">城市运营</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="s-part">
                <div class="title"><i></i>价值增值流程</div>
                <div class="indus-process"><img src="../../common/img/indus-process.png"></div>
            </div>

            <div class="s-part">
                <div class="title"><i></i>经典案例</div>
                <div id="town-case">
                    <ul class="indus-case swiper-wrapper">
                        <li class="swiper-slide" v-for="item in cases">
                            <a target="_blank" :href="item.link">
                                <img :src="item.src">
                                <p>{{item.title}}</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <section>
            <div class="head-title"><i></i><span>中厚服务</span><i></i></div>
            <ul class="indus-service">
                <li class="bg-3c7fd5">
                    <div class="circle bg-3c7fd5">发展战略</div>
                    <div class="text fc-fff">
                        <p><i></i>产业条件分析</p>
                        <p>产业背景分析</p>
                        <p>产业战略分析</p>
                        <p>发展目标愿景</p>
                        <p>产业发展模式</p>
                    </div>
                </li>
                <li class="border-2565b8">
                    <div class="circle bg-2565b8">产业定位</div>
                    <div class="circle2"></div>
                    <div class="text fc-000">
                        <p>产业筛选分析</p>
                        <p>产业体系构建</p>
                        <p>细分产业定位</p>
                        <p>产业发展策略</p>
                    </div>
                </li>
                <li class="bg-3c7fd5">
                    <div class="circle bg-3c7fd5">产业布局</div>
                    <div class="text fc-fff">
                        <p>土地条件分析</p>
                        <p>土地规划承接</p>
                        <p>功能区分建议</p>
                        <p>重点项目策划</p>
                    </div>
                </li>
                <li class="border-2565b8">
                    <div class="circle bg-2565b8">规划实施</div>
                    <div class="circle2"></div>
                    <div class="text fc-000">
                        <p>产业开发方案</p>
                        <p>产业招商方案</p>
                        <p>组织运营构架</p>
                        <p>服务体系构建</p>
                    </div>
                </li>
            </ul>
        </section>
        <m-bottom></m-bottom>
    </div>
</template>
<script>
import MBottom from 'components/m-bottom/m-bottom'
import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
export default{
    data(){
        return {
            num:0,
            define:[
                {
                    title:"产业地产定义：",
                    text:"构建的产业价值链一体化平台，以产业为依托，地产为载体，实现土地的整体开发与运营。它是指在新经济和新型工业化背景下，以产业为依托，以地产为载体，以工业楼宇、高新技术产业研发用房、生态写字楼、经济园区为主要开发对象，融合自然资源和社会资源，综合开发、集约化经营的多功能新兴产业形态，是房产加产业的综合体。"
                },
                {
                    title:"产业地产与传统地产区别：",
                    text:"产业地产与普通房地产开发最大的区别是以产业发展为主导的房地产开发，在产业研究和规划方面具有非常专业的开发要求，目前产业地产开发出现的专业化发展方向是产业地产发展的必然趋势。"
                }
            ],
            feature: [
                {
                    title:"特点一：",
                    class:"c-f79a1d",
                    subtitle:"政策主导性强，专业性强",
                    text:"工业地产瘦地方政府，经济产业发展，政策等影响很大。<br/>工业地产和产业紧密联系，不同工业地产必须满足不同产业发展需求及功能要求。"
                },
                {
                    title:"特点二：",
                    class:"c-90c53f",
                    subtitle:"投资大，投资回收期长",
                    text:"工业地产项目规模大，前期投入大，资金占用周期长，投资回收期限大于住宅房地产与商业地产。"
                },{
                    title:"特点三：",
                    class:"c-00acd3",
                    subtitle:"区域性强",
                    text:"由于工业发展具有很强的聚集效应，不同区域具有不同的主导产业，区域市场对工业地产需求一致性较强，致使工业地产在同区域的功能差别很小。"
                },
                {
                    title:"特点四：",
                    class:"c-538d97",
                    subtitle:"项目增值性",
                    text:"发展第三产业，实现二三产业联动，拓展项目收入来源。加强教育业，医疗卫生，文化业，科技和体育等行业的发展，优化产业配置，打造产业群，都将促使项目价值提升。"
                }
            ],
            tabs:[
                {name:"市场调控政策"},
                {name:"用地政策"},
                {name:"扶持政策"},
                {name:"重点政策"}
            ],
            ploicy:[
                ["房地产企业转型实体企业","进入传统产业地产企业"],
                ["土地政策改革试点","土地利用规划政策","节约集约用地","促进土地多元化利用","支持新兴产业用地"],
                ["促进产业结构升级","推进高新园区发展","规划物流园区发展","完善生态园区建设","加快开发区转型升级"],
                ["规划新型城镇化发展限制地方","政府举债规范税收等优惠"]
            ],
            develop:[
                {
                    "img":require("../../common/img/indus-icon1.png"),
                    "bg":"bg-17c4b1",
                    "title":"市场状况",
                    "text":"房地产企业转型<br/>实体企业进入<br/>传统产业地产企业"
                },
                {
                    "img":require("../../common/img/indus-icon2.png"),
                    "bg":"bg-f9b016",
                    "title":"开发模式",
                    "text":"园区综合模式<br/>地产商模式<br/>基金模式<br/>协调开发<br/>政府模式<br/>开发选址策略"
                },
                {
                    "img":require("../../common/img/indus-icon3.png"),
                    "bg":"bg-3487f1",
                    "title":"运营模式",
                    "text":"生产型园区<br/>服务型园区"
                }
            ],
            develop1:[
                {
                    "img":require("../../common/img/indus-icon4.png"),
                    "bg":"bg-d1ace0",
                    "title":"盈利模式",
                    "text":"房地产开发收益<br/>土地增值收益<br/>投资盈利<br/>自投项目经营收益<br/>运营管理收益<br/>物业租售</div>业"
                },{
                    "img":require("../../common/img/indus-icon5.png"),
                    "bg":"bg-fc7169",
                    "title":"招商模式",
                    "text":"全产业链策略<br/>优惠政策策略<br/>招商洽谈策略<br/>招商总体策略<br/>项目引进策略"
                }
            ],
            cases:[
                {
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/1.jpg"),
                    title:"古中国教育小镇"
                },
                {
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/2.jpg"),
                    title:"“宇翔盛泰·天空之城”飞行小镇"
                },{
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/3.jpg"),
                    title:"中国·客天下"
                },{
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/4.jpg"),
                    title:"欢乐驴游田园综合体"
                },{
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/5.jpg"),
                    title:"意大利足球特色小镇"
                },{
                    link:"think_tank_town_detail.html",
                    src:require("../../common/img/townCase/6.jpg"),
                    title:"山东泰安中华孔子城"
                }
            ]
        }
    },
    methods:{
        tab(index){
            this.num=index
        }
    },
    mounted(){
        var townCaseSwiper = new Swiper('#town-case', {
            freeMode: true,
            slidesPerView: 'auto',
            freeModeSticky: true,
        });
    },
    components:{
        MBottom
    }
}
</script>
<style type="text/css">

</style>